.node-config-draw {
  :global {
    // .ant-drawer-header {
    //   padding: 10px 8px;
    //   .ant-drawer-header-title {
    //     height: 32px;
    //     display: flex;
    //     flex-direction: row-reverse;
    //     align-items: center;
    //     .ant-typography {
    //       margin-left: 24px;
    //       width: 200px;
    //       margin-bottom: 0;
    //     }
    //   }

    // }
    .ant-drawer-content {
      overflow: visible;

      .ant-drawer-header {
        padding: 0;
        overflow: hidden;
      }
      .ant-drawer-body {
        height: calc(100% - 53px);
        padding: 0;
        overflow: visible;
        .ant-form {
          height: 100%;
          display: flex;
          flex-direction: column;
  
          .node-config-draw-header {
            padding: 16px 24px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            .ant-form-item {
              margin-bottom: 0;
            }
            .node-config-draw-close-icon {
              text-align: right;
            }
          }
          .node-config-draw-body {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 24px;
            .react-json-view {
              min-height: 100px;
            }
          }
        }
      }
    }

  }
}
